<template>
  <div class="regularPopup">
    <van-popup class="cpopup"
               @click-overlay="close_popup"
               v-model="show">
      <div class="title fz3">尾款计算规则</div>
      <div class="content fz4">1、服务时间超过6小时，每小时按照表现师的时价收费（360全景图则为时价*1.5）；</div>
      <div class="conTitle fz4">2、超时的零头以15分钟为标准：</div>
      <div class="fz4">&ensp;&ensp;&ensp;&ensp;0~15分钟，不计入收费；</div>
      <div class="fz4">&ensp;&ensp;&ensp;&ensp;15~30分钟，计为15分钟，价格为表现师的时价*0.25；</div>
      <div class="fz4">&ensp;&ensp;&ensp;&ensp;30~45分钟，计为30分钟，价格为表现师的时价*0.5；</div>
      <div class="fz4">&ensp;&ensp;&ensp;&ensp;45~60分钟，计为45分钟，价格为表现师的时价*0.75；</div>
      <div class="surebtn bgprimary wordsWrite"
           @click="close_popup">确 认</div>
    </van-popup>
  </div>
</template>
<script>
export default {
  props: ["showRegular"],
  data() {
    return {
      show: false
    };
  },
  methods: {
    close_popup() {
      this.$emit("close_popup");
    }
  },
  watch: {
    showRegular() {
      this.show = this.showRegular;
    }
  }
};
</script>
<style lang="scss" scoped>
.regularPopup {
  line-height: 0.4rem;
  .cpopup {
    width: 86%;
    padding: 0.24rem;
    border-radius: 10px;
    .title {
      font-weight: bold;
      text-align: center;
      margin-bottom: 0.15rem;
    }
    .surebtn {
      margin: auto;
      height: 0.7rem;
      line-height: 0.7rem;
      width: 3.5rem;
      text-align: center;
      border-radius: 10px;
    }
  }
}
</style>
